<!DOCTYPE html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]>    <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]>    <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>社区详情,社区,商户自己的社区平台</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.css" />
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/community-detail.css" />
<link rel="stylesheet" href="css/detail_list.css" />
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script type="text/javascript"> 
//HTML5 兼容ie所有版本
'FooterHeaderNavSectionAside'.replace(/.[a-z]+/g,function(n){document.createElement(n)});
</script>
<style type="text/css"> 
<!--
header, aside, menu,footer,article{
display:block;
}
-->
</style>

</head>
<body>
<div class="container">
<!--点击分享出现层-->
    <div class="share-open hidden">点击这里尽情分享哟！~~~~<img src="img/zhixiang.png" class="right"/></div>
<!--operate-->
    <div class="operate container">
        <a href="#" class="return left"><i class="iconfont icon iconfont_10">&#983354</i></a>
        <span class="partake-num left"><a href="#">已有<em>9人</em>参加</a></span>
        <a href="#" class="join right">付款</a>
    </div>
<!--社区信息-->
	<div class="container" id="wrapper">         
    <!--社区详情-->  	
        <div class="comm-detail-con">
        <h1>ATT 陌生包厢优惠 名额有限哦！</h1>
      	 <p class="datail-con"> “乐惠卡”优惠如下：
        1、持“乐惠卡”到店消费的客人，在ATT各连锁店
        均可享受学生套餐优惠。
        2、寒暑假持“乐惠卡”到ATT各连锁店消费的客人，
        均可享受金卡优惠。
        3、持“乐惠卡”过生日的客人与持靓卡过生日的客
        人享受同等待遇，具体如下：
        a.学生B、C套餐“乐惠卡”</p>
        <span class="open">
        	<em class="red">209元</em><a href="" class="gray"><i class="icon-thumbs-up gray"></i>赞</a><a href="" class="gray"><i class="icon-comment-alt gray"></i>100</a><a href="" class="gray"><i class="iconfont icon iconfont_13 gray">&#58899</i>分享</a><a href="#"><i class="icon-angle-up icon-large"></i><i class="red">收起</i></a>
         </span>
        </div>
    <!--评论-->
        <div class="comm-detail-say clearfix" id="content">
            <ul>
                <li>
                    <p class="say-pic left"><img src="img/50x50.jpg"/></p>
                    <p class="say-person left">
                        <span class="say-person-name">
                            <em class="left">jamai</em><a href="#" class="right"><i class="icon-comments-alt right"></i></a>
                            <span class="time">5分前</span>
                            <span class="say-person-con"><img src="img/banner03.jpg"/></span>
                        </span>
                    </p>
                </li>
                <li>
                    <p class="say-pic left"><img src="img/50x50.jpg"/></p>
                    <p class="say-person left">
                        <span class="say-person-name">
                        <em class="left">家妹</em><a href="#" class="right"><i class="icon-comments-alt"></i></a>
                        <span class="time">04-16</span>
                        <span class="say-person-con">真的吗？真的吗？真的吗？真的吗？真的吗？</span>
                        <span class="reply">
                            <b><em>sunshine:</em>是不是真的呢？<i>2014-4-14</i></b>
                            <b><em>啦暥:</em>好像是真的呢<i>2014-4-15</i></b>
                            <b><em>laura</em>回复<em>sunshine:</em>你是不是试过哦？<i>刚刚</i></b>
                            <b><em class="see-more"><a href="">查看更多回复</a></em></b>
                        </span>
                    </span>
                    </p>
                </li>
                <li>
                    <p class="say-pic left"><img src="img/50x50.jpg"/></p>
                    <p class="say-person left">
                        <span class="say-person-name">
                        <em class="left">jamai</em><a href="#" class="right"><i class="icon-comments-alt right"></i></a>
                        <span class="time">5分前</span>
                        <span class="say-person-con">这么好看的会员卡，你见过么？<br><img src="img/banner03.jpg"/></span>
                        </span>
                    </p>
                </li>
                <li>
                    <p class="say-pic left"><img src="img/50x50.jpg"/></p>
                    <p class="say-person left">
                    <span class="say-person-name">
                        <em class="left">jamai</em><a href="#" class="right"><i class="icon-comments-alt right"></i></a>
                        <span class="time">5分前</span>
                        <span class="say-person-con"><img src="img/banner03.jpg"/></span>
                    </span>
                    </p>
                    </li>
                <li>
                    <p class="say-pic left"><img src="img/50x50.jpg"/></p>
                    <p class="say-person left">
                        <span class="say-person-name">
                        <em class="left">家妹</em><a href="#" class="right"><i class="icon-comments-alt"></i></a>
                        <span class="time">04-16</span>
                        <span class="say-person-con">真的吗？真的吗？真的吗？真的吗？真的吗？</span>
                        <span class="reply">
                            <b><em>sunshine:</em>是不是真的呢？<i>2014-4-14</i></b>
                            <b><em>啦暥:</em>好像是真的呢<i>2014-4-15</i></b>
                            <b><em>laura</em>回复<em>sunshine:</em>你是不是试过哦？<i>刚刚</i></b>
                         </span>
                        </span>
                    </p>
                </li>
                <li>
                    <p class="say-pic left"><img src="img/50x50.jpg"/></p>
                    <p class="say-person left">
                    <span class="say-person-name">
                        <em class="left">jamai</em><a href="#" class="right"><i class="icon-comments-alt right"></i></a>
                        <span class="time">5分前</span>
                        <span class="say-person-con">这么好看的会员卡，你见过么？<br><img src="img/banner03.jpg"/></span>
                    </span>
                    </p>
                </li>
            </ul>
        </div>
</div>
<div class="container" id="footer">
<!--底部按钮-->
<button class="payment"><i class="icon-thumbs-up"></i>赞2</button>
<button class="goodt"><i class="icon-comment-alt"></i>评论100</button>
<button class="footerbtn"><i class="iconfont_12">&#58898</i>付款209</button>
</div>
</div>


</body>
</html>
